<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/header.css" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/slide.css"/>
		<link rel="stylesheet" type="text/css" href="css/slide1.css"/>
		<link rel="stylesheet" type="text/css" href="css/slide2.css"/>
	</head>
	<body>
		<!-- 头部 -->
		<div id="height">
			<!-- 除去留白 -->
			<div class="header_bar">
				<!-- 文字 -->
				<div class="header_bar_nav">
					<a href=""><img src="img/4.png" style="width: 182px; height: 113px;"></a>
					<ul>
						<li>
							<a href="login.html" class="login_1">登录 /</a>
							<a href="register.html" class="register_1">注册</a>
							<a href=""><img src="img/1.png"></a>
						</li>
						<li>
							<a href="" style="margin-top:6px;display: block;">门店查询</a>
						</li>
						<li>
							<a href="">在线客服</a>
							<a href=""> <img src="img/2.png"></a>
						</li>
						<li>
							<a href="shopping.html">我的购物车</a>
							<a href=""> <img src="img/3.png"></a>
						</li>
					</ul>
				</div>
				<!-- 商品栏 -->
				<div class="header_bar_menus">
					<ul>
						<li><a href="spy.html">全部商品</a></li>
						<span>|</span>
						<li><a href="spy.html">新品</a></li>
						<span>|</span>
						<li class="header_bar_menus_1">
							<a href="spy.html">男装</a>
						</li>
						<span>|</span>
						<li class="header_bar_menus_2"><a href="girl.html">女装</a></li>
						<span>|</span>
						<li><a href="spy.html">情侣款</a></li>
						<span>|</span>
						<li class="header_bar_menus_3"><a href="">配件</a></li>
						<span>|</span>
						<li><a href="spy.html">童装</a></li>
						<span>|</span>
						<li><a href="Album.html">品牌动态</a></li>
						<input type="text" placeholder="&nbsp;&nbsp;搜素Dickies"
							style="margin-left: 60px;font-size: 15px;height:30px;width: 190px; display: block; float: left;	border-radius: 5px;" />
					</ul>

				</div>
				<div class="header_bar_menus_black">

				</div>
			</div>
		</div>
		<!-- 下拉菜单 男 -->
		<div id="slide">
			<div class="slide_left">
				<ul>
					<h3>男士上装</h3>
					<li>薄外套</li>
					<li>衬衫</li>
					<li>短袖体恤</li>
					<li>棉服</li>
					<li>卫衣</li>
					<li>羽绒服</li>
					<li>长袖体恤</li>
					<li>长袖衬衫</li>
				</ul>
				<h4></h4>
				<ul>
					<h3>男士下装</h3>
					<li>短裤</li>
					<li>连体装</li>
					<li>卫裤</li>
					<li>休闲裤</li>
					<li>长裤</li>
				</ul>
				<h5 style="margin-left: 200px;"><img src="img/25.jpg">
					<p>dickies上装连体裤</p>
				</h5>
				<h5><img src="img/26.jpg">
					<p>dickies薄外套</p>
				</h5>
			</div>

		</div>
		<!-- 下拉菜单女 -->
		<div id="slide_center">
		
			<div class="slide_center_1">
				<ul>
					<h3>女士上装</h3>
					<li>薄外套</li>
					<li>衬衫</li>
					<li>短袖体恤</li>
					<li>棉服</li>
					<li>卫衣</li>
					<li>羽绒服</li>
					<li>长袖体恤</li>
					<li>长袖衬衫</li>
				</ul>
				<h4></h4>
				<ul>
					<h3>女士下装</h3>
					<li>半身区</li>
					<li>背带裤</li>
					<li>短裤</li>
					<li>连体装</li>
					<li>连衣裙</li>
					<li>卫裤</li>
					<li>休闲裤</li>
					<li>阔腿裤</li>
					<li>长裤</li>
				</ul>
				<h5 style="margin-left: 200px;"><img src="img/27.jpg" >
					<p>dickies半身裙</p>
				</h5>
				<h5><img src="img/28.jpg" >
					<p>dickies卫衣</p>
				</h5>
			</div>
			
		</div>
		<!-- 下拉菜单配件 -->
		<div id="slidee">
		
			<div class="slidee_left">
				<ul>
					<h3>包袋</h3>
					<li>单肩包</li>
					<li>双肩包</li>
					<li>斜挎包</li>
					<li>胸包/腰包</li>
				</ul>
				<h4 ></h4>
				<ul>
					<h3>鞋类</h3>
					<li>&nbsp;&nbsp;&nbsp;&nbsp;鞋类</li>
				</ul>
				<h4></h4>
				<ul>
					<h3>其他</h3>
					<li>&nbsp;&nbsp;&nbsp;&nbsp;其他</li>
				</ul>
				<h5 style="margin-left: 150px;"><img src="img/29.jpg">
					<p>dickies背包</p>
				</h5>
				<h5><img src="img/30.jpg">
					<p>dickies鞋类</p>
				</h5>
			</div>
		
		</div>
	</body>
</html>
<script src="./js/jQuery.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
// 下拉菜单男
	$(".header_bar_menus_1").click(function(){
		$("#slide").slideToggle(500,function(){
		})
	});
	
	// 下拉菜单女
$(".header_bar_menus_2").click(function(){
		$("#slide_center").slideToggle(500,function(){
		})
	});
	
// // 	// 下拉菜单配件
	$(".header_bar_menus_3").click(function(){
		$("#slidee").slideToggle(500,function(){
		})
	});

	$(".login_1").click(function(){
		location.href="login.html";
	})
	
	$(".register_1").click(function(){
		location.href="register.html";
	})
	
</script>
